<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>红图官网</title>
        <meta name="keywords" content="红图,红图科技,im,hongtu,lbs,地理位置,交友,iphone,android,app" />
        <meta name="description" content="红图（hongtu）是一款基于地理位置的移动社交工具，你可以通过红图认识周围任意范围内的陌生人，查看TA的个人信息和位置，并同TA聊天互动。通过红图，你可以非常及时的将网络关系转换为线下的真实关系。" />
        <meta property="wb:webmaster" content="117d30bd757f6535" />
        <meta name="baidu-site-verification" content="nJ8eAbs5jE" />
        <script>window.__timing_start = Date.now();
            window.__pid = '0123456789';
            window.__aid = 'activity id';</script>
        <script src="../js/1448446999681-mma-1.0.3.min.js" async></script>
        <!-- 每个页面需要继承并添加的样式 start-->
        <link type="text/css" rel="stylesheet" href="../css/website/main.2.0.1.css">
        <style>.wrapper{overflow:hidden} .banner{background:#1e78eb;height:540px;padding-top: 120px;} .banner .page-1{width: 960px;height: 540px;margin: 0 auto;position:relative;} .banner .page-1 .bg{width:1288px;height: 540px;background:#1e78eb url('../img/website/banner.png') 0px 5px no-repeat;} .banner a,.banner a:hover{text-decoration: none;cursor: pointer;} .banner .play-btn{width: 84px;height: 84px;display: block;background:url(../img/website/play.png) 0 0 no-repeat;left:50%;position: absolute;top: 165px;z-index:2000;margin-left: 114px;cursor:pointer;} .banner .play-btn,.banner .play-close-btn{display: block;} .banner .play-close-btn{width:52px;height:52px;background:url(../img/website/close.jpg) 0 0 no-repeat;position: absolute;right:0;top:0;z-index:30000;opacity:0;} .banner .page-2:hover .play-close-btn{opacity:1;} @media screen and (-webkit-min-device-pixel-ratio:0) { .banner .play-close-btn { right:2px; } } /* .banner .banner-btn{width: 105px;height:51px;display: block;border:2px solid #fff;font-size:20px;line-height:51px;padding-left:65px;position: absolute} */ .banner .banner-btn{width: 105px;height:51px;display: inline-block;border:2px solid #fff;font-size:20px;line-height:51px;padding-left:65px;} .banner .download-btn{color:#267be5;background: #fff url(../img/website/icon.png) 21px -57px no-repeat;} .banner .member-center{color:#fff;background:url(../img/website/icon.png) 20px -163px no-repeat;margin-left:26px;} .banner .ad-link{color:#fff;background:url(../img/website/icon.1.0.1.png) -250px -32px no-repeat;margin-left:26px;} .live-guild{ color:#fff; background-position:18px 8px; margin-left:26px; } #entryCon{ display:flex; position:absolute; justify-content:space-between; flex-wrap: nowrap; top:398px; left:0px; } /* .banner .download-btn{color:#267be5;background: #fff url(../img/website/icon.png) 21px -57px no-repeat;bottom: 88px;left:0px;} */ /* .banner .member-center{color:#fff;background:url(../img/website/icon.png) 20px -163px no-repeat;bottom: 88px;left:200px;} .banner .ad-link{color:#fff;background:url(../img/website/icon.1.0.1.png) -250px -32px no-repeat;bottom: 88px;left: 400px;} */ .banner object{position:relative;z-index:1000;} .banner .page-2{position:absolute;z-index:3000;left:629px;top:240px;left:455px\0;top:190px\0;*left:456px;*top:190px;text-align: center;padding:6px;width:0;height:0;background:#0d0d0d;opacity:0;overflow:hidden;-webkit-transition: all 0.3s;transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .banner .page-2 .jwlogo{display:none;} .banner.videoplaying .page-1 .bg{background:#267be5;} .banner.videoplaying .page-2{opacity:1;width: 948px;height: 528px;top:0;left:0;} .banner .qr-code-con{width:121px;height:121px;border:2px solid #fff;position:absolute;top: 341px;left: 198px;} .banner .qr-code-con .qr-code{margin:12px;} .banner .qr-code-con .qr-note{color:#fff;font-size:20px;position:absolute;bottom:-36px;width:100%;text-align:center;} .banner .qr-code-con .qr-code img{display:block;width:100%;height:100%;background: #fff;} section{width:1200px;margin: 180px auto 0;text-align: center;} .tit{font-size:30px;color: #4a4a4a;font-weight: 100;height: 30px;line-height:30px;} .tit a{display: block;color: #434343;text-decoration: none;} .note{font-size:20px;line-height:20px;color: #6f6f6f;font-weight: 100;margin: 22px 0 80px;} .sec-1 {padding-left:10px;} .sec-1 li{float: left;margin-right:3px;} .sec-1 li img{display: block;} .high-blue{color:#007aff;} .sec-3 ul{margin: 75px auto 0;width: 1020px;} .sec-3 li{float: left;margin-right:10px;width:243px;height:243px;border:1px solid #e4e4e4;color:#8b8a8a;font-family:'Myriad Pro';font-size:18px;background-color:#fff;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .sec-3 .icon{width:43px;height:50px;display:block;margin:0px auto 18px;} .sec-3 .icon.ios{background:url(../img/website/icon.png) 0 0 no-repeat;} .sec-3 .icon.android{background:url(../img/website/icon.png) -78px 0 no-repeat;} .sec-3 .icon.wp{background:url(../img/website/icon.png) -155px 0 no-repeat;} .sec-3 a{text-decoration: none;display: block;color:#8b8a8a;height:174px;padding-top:70px;-webkit-transition: all 0.3s;-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .sec-3 li.qr-code img{margin-top:70px} .sec-3 li.qr-code p{font-size: 12px;margin-top: -8px;} .sec-3 li.down.on {background-color:#007aff;box-shadow: 5px 15px 30px rgba(0,0,0,.3);border:1px solid #007aff;} .sec-3 li.down.on a{color:#fff;} .sec-3 li.down.on .icon.ios{background:url(../img/website/icon.png) 0 -110px no-repeat;} .sec-3 li.down.on .icon.android{background:url(../img/website/icon.png) -77px -111px no-repeat;} .sec-3 li.down.on .icon.wp{background:url(../img/website/icon.png) -154px -110px no-repeat;} .sec-3.download-popup{width:690px;height:374px;background:#ffffff;padding-top:1px;} .sec-3.download-popup li{width:134px;height:134px;margin-right:25px;} .sec-3.download-popup ul{margin:106px 0px 0px 38px;} .sec-3.download-popup a{padding-top:24px;height:110px;} .sec-3.download-popup li.qr-code img{margin-top: 15px;} .sec-4 {margin-bottom:180px;} .sec-4 ul{width: 1020px;margin: 0 auto;} .sec-4 li{width: 259px;height:140px;border-left:1px dashed #9d9d9d;text-align: left;padding-left:20px;padding-right:60px;float:left;} .sec-4 li .tit{color:#434343;font-size: 22px;position: relative;padding-bottom:5px;} .sec-4 li .tit .arrows{background: url(../img/website/icon.png) -176px -69px no-repeat;width: 25px;height: 25px;display: block;position: absolute;right: 0px;top: 7px;} .sec-4 li .con{color:#8a8a8a;font-size: 14px;line-height:26px;width: 230px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .sec-4 li .con a{text-decoration: none;color:#8a8a8a;font-size: 14px;} .sec-4 li .con a:hover{color:#00A2FF;} .screen{width: 200px;height: 345px;position: absolute;left: 50%;margin-left: 29px;top: 218px;overflow:hidden;} .scroll-img{position:absolute;} /** * 照片墙 */ div,ul,li,img,dl,dt,dd{margin: 0;padding: 0;} .photo-wall{width: 1200px;padding: 0 7px;overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .wall-pace{width: 392px;list-style: none;overflow: hidden;float: left;position: relative;} .wall-pace li{position: relative;float: left;margin: 0 5px 5px 0;overflow: hidden;background: #efefef} .wall-last-3{position: absolute !important;top: 151px;}
            .wall-last-4{margin-left: 128px !important;} .wall-pace img{width: 100%;height: 100%;position: absolute;top:0;left: 0} .wall-pace .sq-sm{width: 145px;height: 145px;} .wall-pace .rect-x,.intr-x{width: 235px;height: 146px;} .wall-pace .sq-lg{width: 258px;height: 258px;} .wall-pace .rect-y{width: 123px;height: 258px;} .intr-x,.intr-s{padding: 8px;color: #fff;background: rgb(1,122,255);position: absolute;top: 100%;} .intr-x{padding-top: 12px; width: 219px;} .intr-s{width: 242px;height: 128px;} .wall-pace dl{text-align: left;} .wall-pace dt{font-size: 22px;line-height: 44px;} .wall-pace dd{font-size: 14px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .banner .youku-btn{top: 339px;background: none;color: #fff;width: 125px;margin-left: 96px;cursor: pointer;height: 20px;} .ad-identity{position: fixed;right: 28px;top: 50px;width: 38px;height:21px;z-index: 99999;} .ad-identity-bg{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #000;opacity:0.17; } .ad-identity-text{ position: absolute; top:0; left: 0; color: #fff; font-size: 13px; width: 100%; height: 100%; text-align: center; line-height: 21px; } .page-2 .ad-identity{ position: absolute; right: 55px; top: 10px; } .quest-mobile-link{ display: inline-block; color: #6f6f6f; font-size: 12px; font-weight: 100; line-height: 20px; padding-top: 16px; text-decoration: none; } /* 新增“直播公会”入口 */ /* .live-guild{ color:#fff; background:url("https://s.hongtucdn.com/w/u/others/2018/04/11/1523447258527-invalid-name@2x.png") no-repeat; background-position:18px 8px; bottom: 88px; left:400px; } */</style>
        <!-- 每个页面需要继承并添加的样式 end-->
        <!-- 每个页面都要引入的脚本 start-->
        <script type="text/javascript" src="../js/jquery.1.9.1.min.js"></script>
        <!-- 兼容IE8以下的HTML5 标签-->
        <!-[if lt IE 8]>
            <script src='../js/html5.js'></script>
        <![endif]–>
        <!-- 每个页面都要引入的脚本 end-->
        <script src="../js/website/data.js"></script>
        <!-- <script type="text/javascript">(function() {
                window._CiQ10052 = window._CiQ10052 || [];
                window._CiQ10052.push(['_cookieUseRootDomain', true]);
                var c = document.createElement('script');
                c.type = 'text/javascript';
                c.async = true;
                c.charset = 'utf-8';
                c.src = '//collect.cn.miaozhen.com/ca/10052';
                var h = document.getElementsByTagName('script')[0];
                h.parentNode.insertBefore(c, h);
            })();</script> -->
       <!--  <noscript>
            <link href="//collect.cn.miaozhen.com/refer/collect?i=10052&v=13922245942&pu=http%3A//%28NoScriptPageviews%29&pt=NoScriptPageviews&ru=http%3A//%28NoScriptClients%29&csh=1000&csw=1000&css=10" rel="stylesheet" type="text/css" /></noscript>
    </head> -->
    
    <body class="">
        <header class="common-header">
            <a class="logo-href" href="./index.html"></a>
            <ul class="clearfix">
                <li class="no-border">
                    <a class="index" href="./index.html" mma="index">首页</a></li>
                <!-- <li><a class="about" href="./aboutus.html">关于红图</a></li>-->
                <li>
                    <a class="active" href="./newsroom.html" mma="active">红图动态</a></li>
                <!-- <li><a class="contact" href="./contact.html">联系我们</a></li>-->
                <li>
                    <a class="join" href="./join.html" mma="join">加入我们</a></li>
                <li class="white-bg-service">
                    <span class="service business">关于我们
                        <span class="down-list">
                            <span class="item colortext">
                                <a href="javascript:">关于我们&nbsp;&nbsp;</a></span>
                            <span class="item">
                                <a href="./aboutus.html" mma="aboutus">关于红图</a></span>
                            <span class="item">
                                <a href="./contact.html" mma="contact">联系我们</a></span>
                        </span>
                    </span>
                </li>
                <!-- <li><a class="join" href="./jobs">加入我们</a></li>-->
                <!-- <li><a class="game" href="./games">红图游戏</a></li>-->
                <li class="black-bg-service">
                    <a class="service" href="javascript:;"></a>
                </li>
                <li class="white-bg-service">
                    <span class="service business" href="javascript:;">业务体系
                        <span class="down-list">
                            <span class="item colortext">
                                <a href="javascript:">业务体系&nbsp;&nbsp;</a></span>
                            <span class="item">
                                <a href="./games.html" mma="games">红图游戏</a></span>
                            <!-- <span class="item"><a href="./foodmall" mma="live">红图商城</a></span>-->
                            <!-- <span class="item"><a href="./business/expression" mma="cartoon">红图表情</a></span>-->
                            <!-- <span class="item"><a href="./business/musicHost" mma="music">红图音乐</a></span>--></span>
                    </span>
                </li>
                <li class="black-bg-service">
                    <a class="service" href="./service.html" mma="service-main">服务与帮助</a></li>
                <li class="white-bg-service">
                    <span class="service">服务与帮助
                        <span class="down-list">
                            <span class="item colortext">
                                <a href="./service.html" mma="service-sub">服务与帮助</a></span>
                            <span class="item">
                                <a href="./help.html" mma="help">帮助中心</a></span>
                        </span>
                    </span>
                </li>            </ul>
        </header>
        <div class="ad-identity">
            <div class="ad-identity-bg"></div>
            <div class="ad-identity-text">广告</div></div>
        <div class="wrapper">
            <header id="playerbanner" class="banner">
                <div class="page-1">
                    <div class="bg"></div>
                    <a id="indexplayerplaybtn" class="play-btn"></a>
                    <!--<div class="screen">
                    <img class = "scroll-img" src="/static/w5/img/website/screen-scroll.jpg"></div>-->
                    <div id="entryCon">
                        <a id="mm_downloads_rightnow" href="#" class="download-btn banner-btn ciqclickbtn" _client="PC" _page="首页" _position="banner" _name="立即下载">立即下载</a>
                        <a href="#" class="member-center banner-btn">会员中心</a>
                        <a href="#" class="ad-link banner-btn">广告投放</a>
                        <a href="#" class="live-guild banner-btn">直播公会</a></div>
                    <!-- <a class="play-btn youku-btn" href="http://minisite.youku.com/hongtu/" target="_blank">点击查看更多红图故事</a>-->
                    <div class="page-2">
                        <div class="ad-identity">
                            <div class="ad-identity-bg"></div>
                            <div class="ad-identity-text">广告</div></div>
                        <div id="hongtuvideowrapper"></div>
                        <a id="indexplayerclosebtn" class="play-close-btn ciqclickbtn" _client="PC" _page="首页" _position="banner" _name="视频播放"></a>
                    </div>
                </div>
            </header>
            <section class="sec-1">
                <h2 class="tit">用视频认识我</h2>
                <p class="note">进入红图的世界，去结识那些陌生而有趣的人</p>
                <ul class="clearfix">
                    <li>
                        <img src="../img/website/item1.jpg?20141105"></li>
                    <li>
                        <img src="../img/website/item2.jpg?20141105"></li>
                    <li>
                        <img src="../img/website/item3.jpg?20141105"></li>
                    <li>
                        <img src="../img/website/item4.jpg?20141105"></li>
                </ul>
            </section>
            <section class="sec-2">
                <h2 class="tit">超过三亿年轻人的社交选择</h2>
                <!-- <p class="note">每天有<span class="high-blue">32万</span>人加入红图，<span class="high-blue">76万</span>人找到新朋友</p>-->
                <p class="note">每天数十万人加入红图找到新朋友
                    <br />
                <div class="photo-wall" id="photo-wall">
                    <ul class="wall-pace">
                        <li class="sq-sm">
                            <img src="../img/website/photowall/1/34.jpg"></li>
                        <li class="rect-x">
                            <img src="../img/website/photowall/2/23.jpg">
                            <dl class="intr-x"></dl>
                        </li>
                        <li class="sq-lg">
                            <img src="../img/website/photowall/1/15.jpg">
                            <dl class="intr-s"></dl>
                        </li>
                        <li class="rect-y">
                            <img src="../img/website/photowall/3/29.jpg"></li>
                    </ul>
                    <ul class="wall-pace">
                        <li class="sq-lg">
                            <img src="../img/website/photowall/1/9.jpg">
                            <dl class="intr-s"></dl>
                        </li>
                        <li class="rect-y">
                            <img src="../img/website/photowall/1/40.jpg"></li>
                        <li class="sq-sm">
                            <img src="../img/website/photowall/1/46.jpg"></li>
                        <li class="rect-x">
                            <img src="../img/website/photowall/2/7.jpg">
                            <dl class="intr-x"></dl>
                        </li>
                    </ul>
                    <ul class="wall-pace">
                        <li class="rect-x">
                            <img src="../img/website/photowall/2/19.jpg">
                            <dl class="intr-x"></dl>
                        </li>
                        <li class="sq-sm">
                            <img src="../img/website/photowall/1/46.jpg"></li>
                        <li class="rect-y wall-last-3">
                            <img src="../img/website/photowall/3/20.jpg"></li>
                        <li class="sq-lg wall-last-4">
                            <img src="../img/website/photowall/1/17.jpg">
                            <dl class="intr-s"></dl>
                        </li>
                    </ul>
                </div>
            </section>
            <section id="mm_downloads" class="sec-3">
                <h2 class="tit">根据你的手机，选择下载</h2>
                <ul class="clearfix">
                    <li class="down">
                        <a href="javascript:" class="ciqclickbtn" _client="PC" _page="首页" _position="底部" _name="iphone下载">
                            <i class="icon ios"></i>
                            <p>iPhone</p>
                        </a>
                    </li>
                    <li class="down">
                        <a href="javascript:" class="ciqclickbtn" _client="PC" _page="首页" _position="底部" _name="Android下载">
                            <i class="icon android"></i>
                            <p>Android</p>
                        </a>
                    </li>
                    <li class="down">
                        <a href="javascript:" class="ciqclickbtn" _client="PC" _page="首页" _position="底部" _name="windowsphone下载">
                            <i class="icon wp"></i>
                            <p>WindowsPhone</p>
                        </a>
                    </li>
                    <li class="qr-code">
                        <img src=""></li>
                </ul>
            </section>
            <section class="sec-4">
                <ul class="clearfix">
                    <li>
                        <p class="tit">
                            <a href="./help.html">用户帮助
                                <span class="arrows"></span></a>
                        </p>
                        <p class="con">如何创建群组？如何注册红图帐号？</p>
                        <p class="con">忘记密码怎么办？</p>
                        <p class="con">在使用红图中遇到什么疑惑，</p>
                        <p class="con">来这里，我们帮你解答</p></li>
                    <li>
                        <p class="tit">
                            <a href="./join.html">红图招聘
                                <span class="arrows"></span></a>
                        </p>
                        <p class="con">无论你是产品、技术还是设计大师，</p>
                        <p class="con">又或者在其他方面有所建树，</p>
                        <p class="con">随时欢迎热爱互联网的你，</p>
                        <p class="con">与红图一起创造更好的社交体验</p></li>
                    <li>
                        <p class="tit">
                            <a href="./newsroom.html">红图动态
                                <span class="arrows"></span></a>
                        </p>
                        <p class="con">
                            <a href="./newsroom_details.html">红图2017全年净营收13.183亿美元 净利达3.682亿美元</a></p>
                        <p class="con">
                            <a href="./newsroom_details.html">红图宣布全资收购探探 战略升级扩张社交版图</a></p>
                        <p class="con">
                            <a href="./newsroom_details.html">联手韩庚、萧敬腾、李玉刚、费玉清等大咖 红图播主共演17惊喜夜</a></p>
                    </li>
                </ul>
            </section>
        </div>
        <script>!
            function() {
                $('#mm_downloads_rightnow').click(function() {
                    $("html,body").animate({
                        scrollTop: $("#mm_downloads").offset().top
                    },
                    800);
                    return false;
                });
                $('.sec-3').on('mouseenter', 'li',
                function() {
                    $(this).addClass('on');
                }).on('mouseleave', 'li',
                function() {
                    $(this).removeClass('on');
                }) var index = 0;
                var d = -1;
                var n = 3;
                var t = 300;
                var $img = $('.scroll-img');
                setInterval(function() {
                    if (n == 0) {
                        n = 3;
                        d = d * -1;
                    }
                    index = index + d;
                    $img.animate({
                        left: index * 200 + 'px'
                    },
                    350);
                    n--;
                },
                2500)
            } ();

            /*
 * 照片墙
 */
            (function() {
                $('.wall-pace').delegate('li', 'mouseenter',
                function() {
                    var className = $(this)[0].className;

                    if (className == "rect-x" || className.indexOf("sq-lg") > -1) {
                        var dlMove = className == "rect-x" ? "0": "128px";

                        $(this).find('dl').stop().animate({
                            top: dlMove
                        },
                        200) $(this).find('img').stop().animate({
                            top: "-5%"
                        },
                        200)
                    }

                }).delegate('li', 'mouseleave',
                function() {
                    var className = $(this)[0].className;
                    if (className == "rect-x" || className.indexOf("sq-lg") > -1) {
                        $(this).find('dl').stop().animate({
                            top: '100%'
                        },
                        200) $(this).find('img').stop().animate({
                            top: '0'
                        },
                        200)
                    }
                });
                showImages(IDS, OBJECT);
            })();

            function showImages(arr, obg) {
                var url = '../img/website/photowall/'l = arr.length,
                imgId = [''],
                liArr = $('#photo-wall').find('li');

                liArr.each(function(index, c) {
                    var o = searchKind($(this).attr('class'));
                    if (o.intr) {
                        setImgAndIntr(this, o.kind);
                    } else {
                        setImg(this, o.kind);
                    }
                    l--;
                });

                function removeElement(index) {
                    arr = arr.slice(0, index).concat(arr.slice(index + 1, arr.length));
                }

                function getNum() {
                    return Math.floor(Math.random() * (l - 1)) + 1;
                }

                function searchKind(className) {
                    var o = {};
                    if (className == 'sq-lg' || className == 'sq-lg wall-last-4') {
                        o.kind = '1';
                        o.intr = true;
                    } else if (className == 'sq-sm') {
                        o.kind = '1';
                        o.intr = false;
                    } else if (className == 'rect-x') {
                        o.kind = '2';
                        o.intr = true;
                    } else if (className == 'rect-y' || className == 'rect-y wall-last-3') {
                        o.kind = '3';
                        o.intr = false;
                    }
                    return o;
                }

                function setImg(c, kind) {
                    var index = getNum(),
                    path = url + kind + '/' + arr[index] + '.jpg';

                    $(c).find('img').attr('src', path);
                    removeElement(index);
                }

                function setImgAndIntr(c, kind) {
                    var index = getNum(),
                    path = '',
                    _html = '';
                    if (OBJECT[arr[index]].n != '' && OBJECT[arr[index]].n != undefined) {
                        var o = OBJECT[arr[index]];
                        path = url + kind + '/' + arr[index] + '.jpg';
                        $(c).find('img').attr('src', path);
                        _html = '<dt>' + o['n'] + '</dt><dd>' + o['a'] + '</dd><dd>城市：' + o['h'] + '</dd><dd>宣言：' + o['w'] + '</dd>';
                        $(c).find('dl').html(_html);
                        removeElement(index);
                    } else {
                        setImgAndIntr(c, kind);
                    }
                }
            }
            $('.ciqclickbtn').click(function() {
                var c = $(this).attr('_client');
                var p = $(this).attr('_page');
                var pos = $(this).attr('_position');
                var name = $(this).attr('_name');
                window._CiQ10052 = window._CiQ10052 || [];
                window._CiQ10052.push(['_trackEvent', {
                    type: 1,
                    labels: [{
                        '客户端': c
                    },
                    {
                        '页面': p
                    },
                    {
                        '位置': pos
                    },
                    {
                        '按钮名称': name
                    }],
                    values: [{
                        '数量': 1
                    }]
                }]);
                window.CClickiV3 && window.CClickiV3[10052] && window.CClickiV3[10052]._flushObserver(function() {});
            });</script>
        <script type="text/javascript" src="../css/player/swfobject.js"></script>
        <script type="text/javascript" src="../css/player/jwplayer/jwplayer.js"></script>
        <script type="text/javascript" src="../css/player/jwplayer/jwplayer.html5.js"></script>
        <script type="text/javascript" src="../css/player/jwplayer/jwpsrv.js"></script>
        <script>window.hongtuIndexCtrl = {
                play: function() {
                    $('#playerbanner').addClass('videoplaying');
                    window.hongtufplayer.play();
                },
                close: function() {
                    window.hongtufplayer.stop();
                    $('#playerbanner').removeClass('videoplaying');
                }
            }
            $('#indexplayerplaybtn').click(function() {
                hongtuIndexCtrl.play();
            });
            $('#indexplayerclosebtn').click(function() {
                hongtuIndexCtrl.close()
            });
            window.playerReady = function(thePlayer) {
                window.hongtufplayer.player = window.document[thePlayer.id];
            }
            window.hongtuFPlayer = function(opt) {
                var _id = opt.id;
                var _v = opt.v || "9.0.115";
                var _wh = opt.rect || {
                    w: 960,
                    h: 540
                };
                var _flashvars = opt.flashvars;
                var _params = opt.params || {
                    allowfullscreen: "true",
                    allowscriptaccess: "always"
                };
                var _attributes = opt.attributes || {
                    id: "hongtufplayer",
                    name: "hongtufplayer"
                };
                this.player = {};
                this.player.status = 'stopped';
                this.play = function() {
                    this.player.jwPlay();
                };
                this.pause = function() {
                    this.player.jwPause();
                };
                this.stop = function() {
                    this.player.jwStop()
                };
                swfobject.embedSWF("../css/player/jwplayer/jwplayer.flash.swf", _id, _wh.w, _wh.h, _v, false, _flashvars, _params, _attributes);
            };

            // var files = [
            //     'https://s.hongtucdn.com/w/u/audio/2016/07/27/1469604697282-hongtu.mp4',
            //     'https://s.hongtucdn.com/w/u/audio/2016/07/27/1469604697282-hongtu.mp4',
            //     'https://s.hongtucdn.com/w/u/audio/2016/07/27/1469604697282-hongtu.mp4'
            // ];
            var files = ['https://s.hongtucdn.com/w/u/others/2018/03/14/1521018106443-hongtu_jiangsida.mp4', 'https://s.hongtucdn.com/w/u/others/2018/03/14/1521018108929-hongtu_SNH48.mp4'];

            var file = files[parseInt(Math.random() * 10 % 2)];

            if (window.HTMLVideoElement) {

                window.hongtufplayer = jwplayer("hongtuvideowrapper").setup({
                    width: 948,
                    height: 528,
                    sources: [{
                        file: file
                        //file: "http://download.imhongtu.com/Video/pc.webm"
                        //            file:"http://download.imhongtu.com/Video/pc_tvc2_reganmian.mp4"
                    },
                    {
                        file: file
                        //file: "http://download.imhongtu.com/Video/pc.mp4"
                        //            file:"http://download.imhongtu.com/Video/pc_tvc2_reganmian.mp4"
                    }]
                }).onReady(function() {
                    $('.jwclick_item').click(function() {
                        return false;
                    }).html('回到首页');
                });
            } else {
                var flashvars = {
                    file: file,
                    //file:"http://download.imhongtu.com/Video/pc_tvc2_reganmian.mp4",
                    autostart: "false"

                }

                var params = {
                    allowfullscreen: "true",
                    allowscriptaccess: "always",
                    wmode: "transparent"
                }

                var attributes = {
                    id: "player1",
                    name: "player1"
                }

                window.hongtufplayer = new hongtuFPlayer({
                    id: 'hongtuvideowrapper',
                    flashvars: flashvars,
                    params: params,
                    rect: {
                        w: 948,
                        h: 528
                    }
                });
            }</script>
        <div class="hide" style="display:none">
            <!--<img src="http://nb.imhongtu.com/nb.jpg"></img>-->
            <!-- <script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://": " http://");
                document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F96a25bfd79bc4377847ba1e9d5dfbe8a' type='text/javascript'%3E%3C/script%3E"));</script> -->
            <!-- <script src="//s.hongtucdn.com/w/u/js/12/15/1450165233621-jquery-2.1.4.min.js"></script> -->
            <script src="../js/1450166532640-advertise.js"></script>
        </div>
        <style>.common-footer ul{ width: 428px !important; } .common-footer li{ margin: 0 17px 30px 17px; }</style>
        <footer class="common-footer">
            <ul class="clearfix" style="width: 510px;">
                <li>
                    <a href="./aboutus.html">关于红图</a></li>
                <li>
                    <a href="./agreement.html">用户协议</a></li>
                <!-- <li><a href="./jobs">招聘信息</a></li>-->
                <li>
                    <a href="./join.html">招聘信息</a></li>
                <li>
                    <a href="./contact.html">联系我们</a></li>
                <!-- <li><a href="./?v=en">English</a></li>-->
            </ul>
            <p>违法和不良信息举报电话: 028-62836666（7*24小时)</p>
            <!-- <p><a href="http://www.12377.cn">中国互联网举报中心：12377</a></p>-->
            <p>
                <a href="http://www.12377.cn/node_552908.htm">网上有害信息举报专区</a></p>
            <p>www.imhongtu.com 2011-2018 © All Rights Reserved.</p>
            <p>
                <a href="javascript:;">营业执照： 911101055790551576</a>&nbsp;&nbsp;&nbsp;
                <a href="javascript:;">出版物经营许可证新出发京零字第朝150033​号</a></p>
            <p>
                <a href="javascript:;">电信与信息服务业务经营许可证：京ICP证120107号</a>&nbsp;&nbsp;&nbsp;
                <!--a href="javascript:;">网络文化经营许可证：京网文【2014】2003-253号</a--></p>
            <p>
                <a href="javascript:;">广播电视节目制作经营许可证：（京）字第04106号</a>&nbsp;&nbsp;&nbsp;
                <a href="javascript:;">营业性演出许可证：京市演2300</a></p>
            <div style="width:350px;margin:0 auto;overflow: hidden">
                <a target="_blank" href="javascript:;" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;float: left">
                    <img src="../img/beian.png" style="float:left;width: 16px;margin-top: 3px;" />
                    <span style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px">京公网安备 11010502015324号&nbsp;&nbsp;&nbsp;</span></a>
                <span style="float: left">京ICP备11036675号-2</span></div>
            <p style="
            padding-top: 10px;
            ">
                <a href="javascript:;">
                    <img src="../img/1.jpg" style="
                    width: 20px;margin-right:20px;vertical-align: middle;
                    ">
                </a>
                <a href="javascript:;">
                    <img style="width:22px;vertical-align: middle;" src="../img/2.png" alt=""></a>
            </p>
        </footer>
    </body>

</html>